<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Aplicaciones Distribuidas - UADE</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/bootstrap.css" media="screen">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/font-awesome.min.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/css/bootswatch.min.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../bower_components/bootstrap/assets/js/html5shiv.js"></script>
      <script src="../bower_components/bootstrap/assets/js/respond.min.js"></script>
    <![endif]-->
   
  </head>
  <body>
    <script src="../js/bsa.js"></script>
	<!-- Barra Superior -->
    <div>
       <div class="navbar navbar-default navbar-fixed-top">
      <div class="navbar-header">
      	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
        	<span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
       </button>
                  <a class="navbar-brand" href="<%=request.getContextPath()%>/terminal_mozo/home.jsp">Gesti&oacute;n de Restaurantes</a>
                </div>
                <div class="navbar-collapse collapse navbar-inverse-collapse">
                  <ul class="nav navbar-nav">
                    <li class="active"><a href="<%=request.getContextPath()%>/terminal_mozo/home.jsp">Terminal Mozos</a></li>
                    <li><a href="<%=request.getContextPath()%>/cocina/home.jsp">Cocina</a></li>
                    <li><a href="<%=request.getContextPath()%>/barra/home.jsp">Barra</a></li>
                    <li><a href="<%=request.getContextPath()%>/cajero/home.jsp">Cajero</a></li>
                    <li><a href="<%=request.getContextPath()%>/cafeteria/home.jsp">Cafeter&iacute;a</a></li>
                    <li><a href="<%=request.getContextPath()%>/deposito/home.jsp">Dep&oacute;sito</a></li>
                  </ul>
<!--                   <form class="navbar-form navbar-left"> -->
<!--                     <input class="form-control col-lg-8" placeholder="Search" type="text"> -->
<!--                   </form> -->
<!--                   <ul class="nav navbar-nav navbar-right"> -->
<!--                     <li><a href="#">Link</a></li> -->
<!--                     <li class="dropdown"> -->
<!--                       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> -->
<!--                       <ul class="dropdown-menu"> -->
<!--                         <li><a href="#">Action</a></li> -->
<!--                         <li><a href="#">Another action</a></li> -->
<!--                         <li><a href="#">Something else here</a></li> -->
<!--                         <li class="divider"></li> -->
<!--                         <li><a href="#">Separated link</a></li> -->
<!--                       </ul> -->
<!--                     </li> -->
<!--                   </ul> -->
                </div><!-- /.nav-collapse -->
              </div>
       </div><!-- fin barra superior-->
      <div class="container">
      	<!-- Aca empieza el cuerpo principal de la pagina -->
      	<div class="page-header">
			<h2 id="container">Terminal de Mozos - Sucursal Caballito</h2>
		</div>
		<div class="jumbotron">
			<div class="row">
				<div class="col-lg-4">
					<a href="<%=request.getContextPath()%>/AperturaMesa?accion=abrirMesa&idSucursal=1">
						<button class="btn btn-primary btn-lg" type="button" value="abrirMesa">
							Abrir Mesa
						</button>
					</a>	
				</div>
				<div class="col-lg-4">
					<a href="<%=request.getContextPath()%>/Pedido?accion=nuevoPedido&idSucursal=1">
					<button class="btn btn-primary btn-lg" type="button" value="pedidos">Nuevo Pedido</button>
					</a>
				</div>
				<div class="col-lg-4">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<h3 class="panel-title">Alertas</h3>
						</div>
						<div class="panel-body">
							<div class="alert alert-dismissable alert-danger">
								<button class="close" data-dismiss="alert" type="button"></button>
								<strong><h4>Pedido Pendiente</h4></strong>
								<a class="alert-link" href="#"><h5>Ver pedido</h5></a>
							</div>
						</div>
					</div>	
				</div>
			</div>
			<div id="sucursal">
				<input type="hidden" id="idSucursal" name="idSucursal" value="1" />
			</div>
		</div>
       <!-- Fin cuerpo principal de la pagina --> 
      </div> <!-- container -->
      <footer>
<!--         <div class="row"> -->
<!--           <div class="col-lg-12"> -->
<!--           Footer -->
<!--           </div> -->
<!--         </div>     -->
			<p>&copy; 	The Twelve Group 2013 | Couguet-Carreira-Pereiro |
			<a href="mailto:#">info@thetwelvegroup.com.ar</a> | </p>
      </footer>
    <script src="<%=request.getContextPath()%>/js/jquery.min.js"></script>
    <script src="<%=request.getContextPath()%>/js/bootstrap.min.js"></script>
    <script src="<%=request.getContextPath()%>/js/bootswatch.js"></script>
  </body>
</html>